﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UCMenuTaiKhoan.ascx.cs" Inherits="ModernShopping.WebUserControls.UCMenuTaiKhoan" %>
<style type="text/css">
    .cssmenu ul {
        margin: 0;
        padding: 0;
        width: 110%;
    }

    .cssmenu li {
        width: auto;
        max-width: 85%;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 15px;
    }

    .cssmenu a {
        margin: 0;
        padding: 0;
    }

    .cssmenu ul {
        list-style: none;
        z-index: 2;
    }

    .cssmenu a {
        text-decoration: none;
    }

    .cssmenu {
        height: 20px;
        width: 100%;
        margin-left: 10px;
        text-align: center;
    }

        .cssmenu > ul > li {
            float: right;
            position: relative;
            height: 30px;
            width: 100%;
            text-align: center;
        }

            .cssmenu > ul > li > a {
                color: rgb(160,160,160);
                font-family: Verdana, 'Lucida Grande';
                font-size: 15px;
                line-height: 50px;
                padding: 10px 10px;
                -webkit-transition: color .15s;
                -moz-transition: color .15s;
                -o-transition: color .15s;
                transition: color .15s;
            }

            .cssmenu > ul > li > ul {
                opacity: 0;
                visibility: hidden;
                padding: 16px 0 20px 0;
                background-color: rgb(250,250,250);
                text-align: left;
                position: absolute;
                top: 55px;
                left: 50%;
                margin-left: -50%;
                width: 100%;
                -webkit-transition: all .3s .1s;
                -moz-transition: all .3s .1s;
                -o-transition: all .3s .1s;
                transition: all .3s .1s;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
                -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
                box-shadow: 0px 1px 3px rgba(0,0,0,.4);
            }

            .cssmenu > ul > li:hover > ul {
                opacity: 1;
                top: 30px;
                visibility: visible;
            }

            .cssmenu > ul > li > ul:before {
                content: '';
                display: block;
                border-color: transparent transparent rgb(250,250,250) transparent;
                border-style: solid;
                border-width: 10px;
                position: absolute;
                top: -20px;
                left: 80%;
                margin-left: -10px;
            }

        .cssmenu > ul ul > li {
            position: relative;
        }

        .cssmenu ul ul a {
            color: rgb(50,50,50);
            font-family: Verdana, 'Lucida Grande';
            font-size: 13px;
            background-color: rgb(250,250,250);
            padding: 5px 10px 10px 5px;
            display: block;
            margin-left: 10px;
            -webkit-transition: background-color .1s;
            -moz-transition: background-color .1s;
            -o-transition: background-color .1s;
            transition: background-color .1s;
            width: 100%;
        }

            .cssmenu ul ul a:hover {
                background-color: rgb(240,240,240);
            }


        .cssmenu ul ul ul {
            visibility: hidden;
            opacity: 0;
            position: absolute;
            top: -16px;
            left: 206px;
            padding: 10px 0 10px 0;
            background-color: rgb(250,250,250);
            text-align: left;
            width: 160px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
            -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
            box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        }


        .cssmenu ul ul > li:hover > ul {
            opacity: 1;
            left: 196px;
            visibility: visible;
        }

        .cssmenu ul ul a:hover {
            margin-left: 10px;
            background-color: #2c7c00;
            color: rgb(240,240,240);
        }

    .auto-style1 {
        width: 100%;
    }

    .auto-style2 {
        width: 741px;
    }
</style>
<div class="cssmenu">
    <ul>
        <li class="has-sub">
            <table class="auto-style1">
                <tr>
                    <td class="auto-style2">
                        <asp:Label ID="lblHelloUser" runat="server"></asp:Label>
                    </td>
                    <td style="text-align: right">
                        <asp:Image ID="ImgAvatar" Height="50px" Width="50px" ImageUrl="~/images/web/noavatar.gif" runat="server" />
                    </td>
                    <td style="text-align: left">
                        <asp:Image ID="Image2" Height="16px" Width="16px" ImageUrl="~/images/web/down_arrow.png" runat="server" Style="text-align: left" />
                    </td>
                </tr>
            </table>
            <ul>
                <asp:MultiView ID="MultiView" runat="server" ActiveViewIndex="0">
                    <asp:View ID="ViewChuaDangNhap" runat="server">
                        <li>
                            <asp:LinkButton ID="DangNhap" PostBackUrl="~/Account/Login.aspx" runat="server">Đăng Nhập</asp:LinkButton>
                        </li>
                        <li>
                            <asp:LinkButton ID="DangKy" runat="server" PostBackUrl="~/Account/Register.aspx">Đăng Ký</asp:LinkButton>
                        </li>
                    </asp:View>
                    <asp:View ID="ViewDaDangNhap" runat="server">
                        <li>
                            <asp:LinkButton ID="LinkButton1" PostBackUrl="~/User/Home.aspx" runat="server">Trang Chủ</asp:LinkButton>
                        </li>
                        <li>
                            <asp:LinkButton ID="DoiMatKhau" PostBackUrl="~/Account/Advanced/ChangePassword.aspx" runat="server">Đổi Mật Khẩu</asp:LinkButton>
                        </li>
                        <li>
                            <asp:LinkButton ID="ThongTinTaiKhoan" PostBackUrl="~/Account/Advanced/AccountInfomation.aspx" runat="server">Thông tin tài khoản</asp:LinkButton>
                        </li>
                        <li>
                            <asp:LinkButton ID="DangXuat" runat="server" OnClick="DangXuat_Click">Đăng Xuất</asp:LinkButton>
                        </li>
                    </asp:View>
                </asp:MultiView>
            </ul>
        </li>
    </ul>
</div>

